<template>
  <div>
      <div class="bottom-1">
          <div class="bottom-3">
              <div class="bottom-7">关于我们</div>
              <div class="bottom-6">资质背景</div>
              <div class="bottom-6">加入社区</div>
              <div class="bottom-6">公告和新闻</div>
              <div class="bottom-6">加入我们</div>
          </div>
          <div class="bottom-3">
               <div class="bottom-7">帮助中心</div>
              <div class="bottom-6">如何出借</div>
              <div class="bottom-6">收益计算</div>
              <div class="bottom-6">投资操作</div>
              <div class="bottom-6">转让操作</div>
          </div>
          <div class="bottom-3">
               <div class="bottom-7">安全保障</div>
              <div class="bottom-6">投资安全</div>
              <div class="bottom-6">资金安全</div>
              <div class="bottom-6">数据及信息</div>
              <div class="bottom-6">法律法规</div>
          </div>
          <div class="bottom-4">
              <div class="bottom-9"><img src="u9.png" alt="" class="bottom-img1"></div>
              <div class="bottom-8">Axure产品原型</div>
              <div class="bottom-8">微信公众号</div>
          </div>
          <div class="bottom-4">
               <div class="bottom-9"><img src="u98.png" alt="" class="bottom-img1"></div>
              <div class="bottom-8">产品原型QQ群</div>
              <div class="bottom-8">702834810</div>
          </div>
          <div class="bottom-5">
              <div class="bottom-10"><img src="u74.png" alt="" class="bottom-img"></div>
              <div class="bottom-11">客服服务时间 9:00～22:00</div>
              <div class="bottom-12">400-888-1688</div>
          </div>
      </div>
      <div class="bottom-2">
          <div class="bottom-13">
              <div class="bottom-15">电商APP</div>
              <div class="bottom-16"> | </div>
              <div class="bottom-15">电商WEB</div>
              <div class="bottom-16"> | </div>
              <div class="bottom-15">电商后台</div>
              <div class="bottom-16"> | </div>
              <div class="bottom-15">APP元件库</div>
              <div class="bottom-16"> | </div>
              <div class="bottom-15">Web元件库</div>
              <div class="bottom-16"> | </div>
              <div class="bottom-15">APP线框图+PRD+竞品分析</div>
              <div class="bottom-16"> | </div>
              <div class="bottom-15">Axure原型教程</div>
              <div class="bottom-16"> | </div>
              <div class="bottom-15">加入VIP社群</div>
              
          </div>
          <div class="bottom-14">
              <div>
                  产品原型版权所有 侵权必究 ©  产品原型官网：                                                  专注于提升Axure产品原型的效率与体验
              </div>
          </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.bottom-img1{
    width: 90px;
    height: 90px;
}
.bottom-14{
    float: left;
    /* width: 45%; */
    /* background-color: red; */
    margin-left: 27%;
    margin-top: 5px;
}
.bottom-14 div:hover{
    color: #fff;
}
.bottom-13 div:hover{
    color: #fff;
}
.bottom-14 div{
    color: #AAAAAA;
}

.bottom-13{
    float: left;
    /* width: 70%; */
    margin-left: 12%;
    /* background-color: red; */
    margin-top: 20px;
}
.bottom-15{
    float: left;
    color: #AAAAAA;
}
.bottom-16{
    float: left;
    margin: 0 21px;
    color: #AAAAAA;
}
.bottom-12{
    font-size: 120%;
     margin-top: 5px;
     margin-left: 30px;
}
.bottom-11{
    font-size: 80%;
    color: #999;
    margin-left: 20px;
    margin-top: 5px;
}
.bottom-img{
    margin-left: 60px;
    width: 70px;
    height: 70px;
}
.bottom-8{
    /* margin-left: 10px; */
    font-size: 90%;
    color: #999;
    margin-top: 5px;
}
.bottom-6{
     font-size: 90%;
     margin-top: 5px;
     color: #999;
}
.bottom-7{
    color: #6f6969;
    font-size: 110%;
    font-weight:bold;
    margin-top: 5px;
}
.bottom-3{
    float: left;
    margin-left: 8%;
    margin-top: 20px;
}
.bottom-4{
     float: left;
    margin-left: 8%;
    margin-top: 10px;
}
.bottom-5{
     float: left;
    margin-left: 8%;
    margin-top: 10px;
}

.bottom-1{
    width: 100%;
    height: 160px;
    background-color: #fff;
    float: left;
    border-top: 1px solid rgb(163, 155, 155);
}
.bottom-2{
    width: 100%;
    height: 100px;
    background-color: #414141;
    float: left;
}
</style>